<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>帮助中心-云联数据</title>
    <!-- 引入css reset -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 引入当前页面样式 -->
    <link rel="stylesheet" href="css/help.css">
</head> 

<body>
    <!-- 定义网页头部内容 -->
    <header>
        <nav>
            <div class="navLeft">
                <img src="images/5e5f1e86391b7.png" alt="">
                <div class="catalog" id="catalog">
                    <div class="move">
                        <p class="after">最新公告</p>
                    <div></div>
                    </div>
                   <div class="move">
                    <p class="after">产品中心</p>
                    <div class="productList">
                        <div class="productContainer">
                            <dl>
                                <dt>计算资源服务</dt>
                                <dd class="hot">
                                    <a href=""><span>ECS弹性计算</span></a>
                                    <a href=""><span>弹性裸金属服务器</span></a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>网络接入服务</dt>
                                <dd class="hot1">
                                    <a href=""><span>专线接入服务</span></a>
                                    <a href=""><span>高速通道服务</span></a>
                                    <a href=""><span>带宽接入服务</span></a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>数据中心服务</dt>
                                <dd>
                                    <a href=""><span>机房场地服务</span></a>
                                    <a href=""><span>运维咨询服务</span></a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>咨询管理服务</dt>
                                <dd>
                                    <a href=""><span>机房搬迁咨询</span></a>
                                    <a href=""><span>BCM管理咨询</span></a>
                                    <a href=""><span>IT生产规划咨询</span></a>
                                </dd>
                            </dl>
                        </div>
                    </div>
                   </div>
                    <div class="move">
                        <p class="after">解决方案</p>
                    <div class="solution">
                        <div>
                            <a href="">混合云解决方案</a>
                            <a href="">IT咨询解决方案</a>
                            <a href="">IT运维解决方案</a>
                            <a href="">机房场地解决方案</a>
                            <a href="">机房搬迁解决方案</a>
                        </div>
                    </div>
                    </div>
                   <div class="move">
                    <p class="after">服务保障</p>
                    <div class="service">
                        <div>
                            <a href="">免费备案</a>
                            <a href="">故障赔偿</a>
                            <a href="">服务支持</a>
                            <a href="">VIP服务</a>
                        </div>
                    </div>
                   </div>
                    <div class="move">
                        <p class="after active">帮助中心</p>
                    <div></div>
                    </div>
                    <div class="move">
                        <p class="after">关于我们</p>
                    <div class="aboutUs">
                        <div>
                            <a href="">关于我们</a>
                            <a href="">新闻公告</a>
                            <a href="">联系我们</a>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
            <div class="navRight">
                <div id="address" class="addr">
                    <div class="address" >中国站
                        <span class="list"></span>
                    </div>
                    <div class="address1">
                        <div>
                            <a href="">中国站</a>
                            <a href="">简体中文</a>
                        </div>
                    </div>
                </div>
                <a class="baBtn">备案</a>
                <a class="dlBtn">登录</a>
            </div>
        </nav>
        <!-- 定义网页帮助区域 -->
        <div class="help">
            <div class="childHelp">
                <div>帮助中心</div>
                <form action="" method="GET">
                    <input type="text" name="helpSearch" placeholder="请输入您要搜索的关键词...">
                    <input type="submit" value="&nbsp;">
                </form>
                <ul>
                    <p>搜索热词：</p>
                    <li><a href="">云服务器</a></li>
                    <li><a href="">域名注册</a></li>
                    <li><a href="">虚拟主机</a></li>
                    <li><a href="">服务器租用</a></li>
                </ul>
            </div>
        </div>
    </header>

    <!-- 定义网页帮助详情区域 -->
    <div class="helpInfo">
        <div class="auto">
            <ul class="helpUl">
                <li>
                    <h4>
                        <span></span>
                        <p>注册与购买</p>
                    </h4><a href="">账户问题</a>
                    <a href="">选购指南</a>
                    <a href="">付款结算</a>
                    <a href="">合同及发票</a>
                </li>
                <li><h4>
                    <span></span>
                    <p>备案问题</p>
                    </h4><a href="">备案指南</a>
                    <a href="">管局备案要求</a>
                    <a href="">前置审批说明</a>
                    <a href="">法律法规</a>
                </li>
                <li>
                    <h4>
                        <span></span> <p>云服务器问题</p>
                    </h4><a href="">控制台使用</a>
                    <a href="">基础类问题</a>
                    <a href="">应用类问题</a>
                    <a href="">网络类问题</a>
                    <a href="">安全类问题</a>
                </li>
                <li>
                    <h4>
                        <span></span>
                        <p>使用规则</p>
                    </h4><a href="">常见问题</a>
                    <a href="">规则说明</a>
                    <a href="">总则</a>
                    <a href="">信息安全处罚规则</a>
                    <a href="">法律法规</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 联系我们 -->
    <div class="connection">
        <div class="container">
            <div class="container1">联系我们，立即开启您的服务之旅！<br><a href="" class="containerA">立即联系</a></div>
        </div>
    </div>
    <!-- 定义网页底部内容 -->
    <footer>
        <div class="footerCatalog">
            <div class="footContainer">
                <ul>
                    <li>
                        <h4>产品介绍</h4>
                        <a href="">计算资源服务</a>
                        <a href="">网络接入服务</a>
                        <a href="">数据中心服务</a>
                        <a href="">咨询管理服务</a>
                    </li>
                    <li>
                        <h4>解决方案</h4>
                        <a href="">混合云解决方案</a>
                        <a href="">IT咨询解决方案</a>
                        <a href="">IT运维解决方案</a>
                        <a href="">机房场地解决方案</a>
                        <a href="">机房搬迁解决方案</a>
                    </li>
                    <li>
                        <h4>帮助与支持</h4>
                        <a href="">产品文档</a>
                        <a href="">Whois查询</a>
                        <a href="">控制面板</a>
                        <a href="">备案服务</a>
                        <a href="">工单服务</a>
                    </li>
                    <li>
                        <h4>其他链接</h4>
                        <a href="">公司简介</a>
                        <a href="">联系我们</a>
                        <a href="">新闻公告</a>
                        <a href="">友情链接</a>
                        <a href="">服务协议</a>
                    </li>
                    <li>
                        <h4>联系我们</h4>
                        <div>联系电话：<span> 010-64868382</span></div>
                        <div>电子邮箱：<span>marketing@cuds.com.cn</span></div>
                        <div>商务洽谈：<span> 010-64868382</span></div>
                        <ul class="ul1">
                            <li class="weixin"><a href=""></a>
                                <p>
                                    <i></i>
                                    <img src="images/5e5df2ab2f875.jpg" alt="">
                                </p>
                        </li>
                        <li class="qq"><a href=""></a></li>
                        <li class="e-mail"><a href=""></a></li>
                    </ul>
                </li>
                </ul>
            </div>
        </div>
        <div class="copyright">
            <p>COPYRIGHT 2017-2020 云联世纪（北京）数据服务有限公司 ALL RIGHTS RESERVED</p>
            <a href="">京ICP备15057281号</a>
            <a href="">京公网安备 11010502040656号</a>
        </div>
    </footer>
    <!-- 右侧咨询 -->
    <div class="rightConsult">
        <ul class="allConsult">
            <li class="qq">
                <div> <img src="images/qq.png" alt=""><p>QQ咨询</p></div>
                <div class="qqConsult">
                    <p>请选择客服进行咨询</p>
                    <img src="images/icon_suspension_consult.png" alt="">
                    <div><i></i></div>
                </div>
            </li>
            <li class="weixin1">
                <div> <img src="images/wechat.png" alt=""><p>微信咨询</p></div>
                <div class="weixinConsult">
                    <img src="images/5e5df2ab2f875.jpg" alt="">
                    <div><i></i></div>
                </div>
            </li>
            <li class="tel">
                <div> <img src="images/tel.png" alt=""><p>电话咨询</p></div>
                <div class="telConsult">
                    <p>请选择客服进行咨询</p>
                    <img src="images/icon_suspension_tel_orange.png" alt=""><span>010-64868382</span>
                    <div><i></i></div>
                </div>
            </li>
            <li><a href="">备案</a></li>
            <li><a href="">工单</a></li>
            <li id="ScrollUp"><a>TOP</a></li>
        </ul>

    </div>

    <script src="js/help.js"></script>
</body>

</html>